<template>
  <div>
    <!-- 导航区 -->
    <ul class="nav nav-tabs">
      <li>
        <router-link class="list-group-item" to="/home/news" active-class="cur"
          >News</router-link
        >
      </li>
      <li>
        <router-link
          class="list-group-item"
          to="/home/message"
          active-class="cur"
          >Message</router-link
        >
      </li>
    </ul>
    <!-- 展示二级路由-->
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: "Home",
};
</script>

<style scoped>
.cur {
  background: rgb(21, 138, 210) !important;
}
</style>